<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/reset.css">
		<style type="text/css">
			html {
				width: 100%;
				height: 100%;
				overflow-x: hidden;
			}
			body {
				text-align: left;
				width: 100%;
				overflow: hidden;
				background: #e9dfc7;
			}
			.m-read-content {
				font-size: 14px;
				color: #555;
				line-height: 31px;
				padding: 15px;
			}
			.m-read-content h4 {
				font-size: 20px;
				color: #736357;
				border-bottom: 1px #736357 solid;
				letter-spacing: 2px;
				margin: 0 0 1em 0;
			}
			.m-read-content p {
				text-indent: 2em;
				margin: 0.5em 0;
				letter-spacing: 0px;
				line-height: 24px;
			}
			.u-tab {
				height: 34px;
				margin: 10px auto;
				line-height: 34px;
				border-radius: 8px;
				border: 1px #858382 solid;
				font-size: 12px;
				background: #000;
				opacity: 0.9;
			}
			.u-tab li {
				display: inline-block;
				width: 49%;
				border-right: 1px solid #858382;
				text-align: center;
				color: #fff;
			}
			.u-tab li:nth-child(2) {
				border-right: none;
			}
			.m-button-bar {
				width: 70%;
				max-width: 800px;
				padding: 5px;
				margin: 0 auto;
			}
			.top-nav {
				position: fixed;
				top: 0px;
				height: 50px;
				width: 100%;
				z-index: 3;
				background: #000;
			}
			.icon-back {
				position: absolute;
				top: 14px;
				left: 10px;
				width: 23px;
				height: 23px;
				background: url();
				background-size: contain;
			}
			.nav-title {
				position: absolute;
				top: 16px;
				left: 42px;
				color: #d5d5d6;
			}
			.bottom-nav {
				position: fixed;
				bottom: 0px;
				left: 0;
				height: 70px;
				width: 100%;
				z-index: 3;
				background: #000;
				color: #fff;
			}
			.bottom-nav div.grid{
				display: inline-block;
				padding-top: 20px;
				width: 33.33%;
				height: 100%;
			}
			.bottom-nav div.grid div.align-container {
				text-align: center;
			}
			.bottom-nav div.grid div.align-container span {
				display: inline-block;
			}
			/*-----目录图标-----*/
			.bottom-nav div.grid div.align-container span.icon-menus{
				width: 20px;
				height: 13px;
				background: url();
				background-size: contain;
			}
			/*-----字体图标-----*/
			.bottom-nav div.grid div.align-container span.icon-font{
				width: 20px;
				height: 13px;
				background: url();
				background-size: contain;
			}
			/*-----夜间图标-----*/
			.bottom-nav div.grid div.align-container span.icon-light{
				width: 15px;
				height: 15px;
				background: url();
				background-size: contain;
			}
			.nav-pannel-bk {
				position: fixed;
				bottom: 70px;
				height: 135px;
				width: 100%;
				background: #000;
				opacity: 0.9;
				z-index: 3;
			}
			.nav-pannel {
				position: fixed;
				bottom: 70px;
				height: 135px;
				width: 100%;
				background: none;
				color: #fff;
				z-index: 4;
			}
			.child-mod {
				padding: 5px 10px;
				margin: 15px;
			}
			.child-mod span {
				display: inline-block;
				padding-right: 20px;
				padding-left: 10px;
			}
			.font-size-button {
				background: none;
				border: 1px #8c8c8c solid;
				color: #fff;
				border-radius: 16px;
				padding: 5px 40px;
			}
			.child-mod button:nth-of-type(2) {
				margin-left: 10px;
			}
			.bk-container {
				position: relative;
				display: inline-block;
				width: 30px;
				height: 30px;
				border-radius: 15px;
				background: #fff;
				vertical-align: -14px;
			}
			.bk-container-current {
				position: absolute;
				display: inline-block;
				width: 32px;
				height: 32px;
				border-radius: 16px;
				border:1px #ff7800 solid;
				top: -2px;
				left: -2px;
			}
		</style>
	</head>
	<body>
		<div id="root" class="container">
			<div id="top-nav" class="top-nav">
				<div class="icon-back"></div>
				<div class="nav-title">返回书架</div>
			</div>
			<div id="fiction_chapter_title"></div>
			<div id="fiction_container" class="m-read-content">
				<h4>移动互联网时代</h4>
				<p>
					移动互联网时代，电商混战，颠覆式营销，哪种商业模式会是下一个赢家？
					腾讯微信缘何难以商业化？阿里巴巴下一步的投资重点在哪里？小米能否一如既往地香喷喷？
					用普通人看得懂的文字解说正常人应该知道的真相，以儒释道融通的思维阐释沉淀于事物深处的逻辑。
					移动互联网时代，如何定义客户？如何分辨对手？哪些营销策略最有效？如何花最少的钱构建最“铁杆”的品牌粉丝阵营？
				</p>
				<p>
					本书从运营商角度切入，通过对腾讯、阿里巴巴、小米等企业的案例剖析，揭示了中国以及世界互联网的发展趋势与商业模式，提出了行之有效的移动互联网营销运作模式与营销策略，是一本是移动互联网时代的商业指南。
					此外，本书还包含了对整个移动互联网的大视野解析，帮助企业在模仿的基础上，把握未来，开拓创新，走出自己特色的移动互联之路。
					移动互联网的力量无法阻挡，一切改变都在发生。你准备好了吗？
				</p>
				<p>
					移动互联网时代，电商混战，颠覆式营销，哪种商业模式会是下一个赢家？
					腾讯微信缘何难以商业化？阿里巴巴下一步的投资重点在哪里？小米能否一如既往地香喷喷？
					用普通人看得懂的文字解说正常人应该知道的真相，以儒释道融通的思维阐释沉淀于事物深处的逻辑。
					移动互联网时代，如何定义客户？如何分辨对手？哪些营销策略最有效？如何花最少的钱构建最“铁杆”的品牌粉丝阵营？
				</p>
			</div>
			<div class="m-button-bar">
				<ul class="u-tab">
					<li id="prev_button">上一章</li>
					<li id="next_button">下一章</li>
				</ul>
			</div>
			<div class="nav-pannel-bk"></div>
			<div class="nav-pannel" id="font-container">
				<div class="child-mod">
					<span>字号</span>
					<button id="large-font" class="font-size-button">大</button>
					<button id="small-font" class="font-size-button">小</button>
				</div>
				<div class="child-mod">
					<span>背景</span>
					<div class="bk-container">
						<div class="bk-container-current"></div>
					</div>
				</div>
			</div>
			<div id="bottom-nav" class="bottom-nav">
				<div class="grid menus">
					<div class="align-container">
						<span class="icon-menus"></span>
					</div>
					<div class="align-container">
						<span>目录</span>
					</div>
				</div><!--
				--><div class="grid font">
					<div class="align-container">
						<span class="icon-font"></span>
					</div>
					<div class="align-container">
						<span>字体</span>
					</div>
			</div><!--
				--><div class="grid light">
					<div class="align-container">
						<span class="icon-light"></span>
					</div>
					<div class="align-container">
						<span>夜间</span>
					</div>
			</div>
			</div>
		</div>
		<script src="lib/zepto.min.js"></script>
		<script>
			window.jQuery = $;
		</script>
		<script src="js/jquery.base64.js"></script>
		<script src="js/jquery.jsonp.js"></script>

		<script>
			
		</script>
	</body>
</html>